<template>
  <button @click="play">test</button>

  <canvas id="shader"></canvas>
</template>
<script setup lang="ts">
import { onMounted } from "vue";
import Player from "./utils/Player.ts";
let player = null;
const play = () => {
  player.play();
};

console.log(99999999999);

onMounted(() => {
  let canvas = document.getElementById("shader") as HTMLCanvasElement;

  player = new Player("/demo.mp4", canvas, {
    name: "123",
  });
});
// player.play();
</script>
<style>
html,
body {
  margin: 0;
  height: 100%;
}
#app {
  height: 100%;
}
#shader {
  height: 100%;
  position: relative;
}
</style>
